<html>
    <head>
        <title>事件处理方法</title>
    </head>
    <body>
        <script>
            // ★二、事件处理方法
                                        /*
                                              然而许多时间处理逻辑会更为复杂，所以直接把 JavaScript 代码写在 v-on 指令中是不可行的。
                                              因此 v-on 还可以接收一个需要调用的方法名称。
                                        */
                                                /*
                                                    eg:
                                                        <div id="example-2">
                                                            <button v-on:click="greet">Greet</button>
                                                        </div>
                                                */
                                                var example2=new Vue({
                                                        el:'#example-2',
                                                        data:{
                                                            name:'Vue.js'
                                                        },
                                                        // 在'methods'对象中定义方法
                                                        methods:{
                                                            greet:function(event){
                                                                alert('Hello'+this.name+'!')
                                                            }
                                                        }
                                                    });

                                                    // 也可以直接调用方法
                                                    example2.greet();
        </script>
    </body>
</html>